@charset "utf-8";
/* CSS Document */
html,body{height: 100%; width: 100%;}
a,a:hover,a:active,a:visited,a:link,a:focus{/*color: white;*/ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-select: none; text-decoration: none;}/*禁止移动端a链接按下显示背景*/
a{color: #333;}
a:hover{color: #6c94d2;}
input:focus{outline: none;}
input::-webkit-input-placeholder {color: #aaa}
ul{list-style: none; margin: 0; padding: 0;}
/*登录框样式*/
.overflow-all{overflow: hidden;}
.dl_box h2{line-height: 2.4rem;}
.fl{color:#666 !important;}

/*公用类*/
.public-rel{position: relative}
.public-xw{margin: 20px 0;}
.public-strong{font-weight: bold; font-size: 16px}

/*
====================
  ------首页------
====================
*/
header,.section,footer,.bread,.details{width: 1200px; margin: 0 auto; }
header{display: flex; padding: 1.5rem 2rem 1rem; box-shadow: 0 3px 6px #96aee8; position: relative; justify-content: space-between; align-items: center; background: url("../image/index-title-bg.jpg") center center no-repeat; background-size: 100% 100%;}
header .logo{max-width: 20%}
header nav{flex: 1; margin: 0 2%;}
header nav ul{display: flex; align-items: center; justify-content: space-between;}
header nav ul li{flex: 1; text-align: center; font-size: 18px;}
header nav ul li.active a{color: #6c94d2; position: relative;}
header nav ul li.active a::before{content: ""; position: absolute; left: 0; right: 0; bottom: -10px; width: 100%; border-radius: 100px; height: 3px; background: #6c94d2;}
header .search{display: flex; position: relative; background: white; align-items: center; justify-content: space-between; border-radius: 100px; border: 2px solid #6d98cf; padding: 4px 12px;}
header .search input{border: none;}
header .search img{width: 22px; height: 22px; cursor: pointer;}
header .search .sub{position: absolute; top: 3px; right: 7px; background: transparent; margin: 0; width: 38px;}

/*内容版块*/
.section{background: #fafbfd; padding: 30px 20px 20px;}

/*banner轮播新闻*/
.banner{display: flex; align-items: flex-start; justify-content: space-between;}
.banner .banner-left{width: 63%; margin-right: 2.6%}
.banner .banner-left a{background: white;}
.banner .banner-left a img{height: 286px; background: #f5f5f5; width: 100%}
.banner .banner-left .swiper-next,.swiper-prev{background: rgba(0,0,0,.5); padding: 2rem 1rem; height: auto; width: 40px; opacity: 1; margin-top: -5rem;}
.banner .banner-left .swiper-prev{transform: rotate(180deg)}
.banner .banner-left .left-text{position: relative; padding: 1rem 1rem 1rem 4rem;}
.banner .banner-left .left-text::before{content: ""; position: absolute; top: -40px; left: 20px; width: 4px; height: 124px; z-index: 1; background: #6c96d0;}
.banner .banner-left .left-text h4{font-size: 16px; color: #333; margin: 6px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.banner .banner-left .left-text span{font-size: 14px; color: #888; height: 38px; display: grid; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.banner .banner-right{flex: 1; display: grid;}
.banner .banner-right li{font-size: 14px; margin-top: 12px; color: #333; position: relative; padding-left: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.banner .banner-right li::before{content: ""; position: absolute; top: 7px; left: 0; width: 7px; height: 7px; border-radius: 100px; background: #6a98d6;}

/*动态信息与党建*/
.index-info{display: flex; align-items: center; justify-content: space-between}
.index-info .info-list{background: #eaf1f9; padding: 1rem 2rem; font-size: 14px; width: 32%;}
.index-info .info-list h4{font-size: 20px; color: #6c94d2; border-left: 5px solid #6c94d2; padding-left: 10px;}
.index-info .info-list img{margin: 12px 0; height: 172px;}
.index-info .info-list ul{display: grid; grid-template-columns: repeat(1,1fr);}
.index-info .info-list ul li{margin: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index-info .info-list ul li+li{margin-top: 10px;}
.info-more{display: flex; align-items: center; justify-content: space-between;}
.info-more.active{padding: 0 15px; background: #a0bce3;  border-bottom: 5px solid #c6d6f0; }
.info-more.active a{color: white;}
.info-more a{width: auto!important; height: auto!important;}

/*期刊*/
.index-news{margin-bottom: 20px;}
.title{display: flex; align-items: center; justify-content: space-between; position: relative;}
.title h4{font-size: 22px; color: #6c96d2; display: flex; align-items: center; justify-content: flex-start}
.title h4 img{margin-right: 6px; max-width: 26%;}
.title i{flex: 1; height: 8px; background: #6c96d2; margin-left: 30px;}
.title a{background: #fafbfd; margin-left: 6px; font-size: 14px; width: 50px; display: flex; align-items: center; justify-content: space-between;}
.index-news .news-all{display: flex; align-items: center; justify-content: flex-start;}
.index-news .news-all ul{width: 34px; display: none; text-align: center; font-size: 18px; background: white; margin: 0 20px 0 10px}
.index-news .news-all ul li{line-height: 20px; height: 95px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.index-news .news-all ul li.action{background: #6c96d2; color: white;}
.index-news .news-right{display: none;}
.index-news .news-right > div{width: 135px;}
.index-news .news-right > div .news-top{display: block; text-align: center; border: 1px solid #6c96d2; color: #6c96d2; line-height: 3.4rem; font-size: 16px; margin-bottom: 10px;}
.index-news .news-right > div .news-down{display: block;}
.index-news .news-right > div img{height: 190px;}
.index-news .news-right.active{display: flex; align-items: flex-start; justify-content: space-around; width: 100%}

/*特色文学*/
.literature .title.free h4{color: #333;}
.literature .literature-all{display: flex; align-items: flex-start; justify-content: space-between;}
.literature .literature-all .literature-list{background: white; width: 32%; display: flex; align-items: flex-start; justify-content: space-between; padding: 1.5rem;}
.literature .literature-all .literature-list a{width: 175px; height: 260px;}
.literature .literature-all .literature-list .literature-text{flex: 1; margin-left: 20px;}
.literature .literature-all .literature-list .literature-text img{height: 261px;}
.literature .literature-all .literature-list .literature-text h4{font-size: 22px; color: #6c96d2; border-bottom: 1px solid #6c94d2; height: 49px; line-height: 49px;}
.literature .literature-all .literature-list .literature-text ul{display: grid; grid-template-columns: repeat(1,1fr);}
.literature .literature-all .literature-list .literature-text ul li{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 14px; height: 24px; line-height: 24px;}




/*广告图片*/
.index-img{display: flex; align-items: center; justify-content: space-between;}
.index-img a{width: 32%;}

/*文学区域*/
.area{display: flex; align-items: center; justify-content: space-between;}
.area .area-list{background: white; width: 32%; min-height: 305px;}
.area .area-list h4{color: white; font-size: 22px;text-align: center; height: 50px; line-height: 50px; margin: 0;}
.area .area-list .area-title{display: flex; align-items: center; padding: 1rem;}
.area .area-list .area-title img{height: 99px;}
.area .area-list .area-title a{flex: 1; margin: 0 10px 0 20px; font-size: 16px; font-weight: bold; display: grid; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.area .area-list ul{padding: 0 1rem 1rem 1rem; display: grid; grid-template-columns: repeat(1,1fr);}
.area .area-list ul li{font-size: 14px; height: 24px; line-height: 24px; display: grid;}
.area .area-list ul li a{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.area .area-list ul li a > div{display: inline-flex;}
.area .area-list ul li a > div:first-child{width: 70%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom;}
.area .area-list ul li a > div+div{width: 30%; align-items: flex-start; justify-content: flex-end;}

/*footer*/
footer{background: #dbdfe4; text-align: center; padding: 2rem 0; color: #666;}
footer span{display: flex; align-items: center; justify-content: center; margin: 5px 0;}
footer span img{margin-left: 10px;}

/*
====================
  ------机构------
====================
*/
.mechanism{width: 100%; position: relative; box-shadow: 0 3px 6px #96aee8; background: url("../image/index-title-bg.jpg") center center no-repeat; background-size: 100% 100%;}
.mechanism header{background: none; box-shadow: none;}

.mec-box{width: 1200px; margin: 30px auto;}
.box-title{background: #1a79bd; border-radius: 10px; color: white; font-size: 20px; font-weight: bold; margin-bottom: 20px; padding: 10px 20px; display: flex; align-items: center;}
.box-title img{ margin-right: 10px; max-width: 1.8%;}
.box-all{display: flex; align-items: flex-start; justify-content: space-between;}
.box-all .box-left{display: grid; grid-template-columns: repeat(1,1fr); width: 28%; background: #f8f8f8; cursor: pointer; border: 1px solid #eee;}
.box-all .box-left li{height: 50px; line-height: 50px; font-size: 16px; color: #333; padding: 0 0 0 2rem; border-left: #f8f8f8 solid 5px; border-bottom: 1px dashed #eee;}
.box-all .box-left li.action{border-left: 5px solid #6c94d2; background: #e5e9f2; font-weight: bold;}
.box-all .box-left li:last-child{border-bottom: none;}
.box-all .box-right-all{width: 70%; margin-left: 2%; display: flex; flex-direction: column; align-items: center;}
.box-all .box-right{display: none; width: 100%; min-height: 580px; background: #f8f8f8;}
.box-all .box-right.active{display: block;}
.box-all .box-right ul{padding: 20px 50px;}
.box-all .box-right ul li{display: block; position: relative; padding-left: 22px;}
.box-all .box-right ul li a{display: flex; align-items: center; justify-content: space-between; height: 36px; line-height: 36px;}
.box-all .box-right ul li .right-txt{font-size: 16px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 80%;}
.box-all .box-right ul li .right-day{font-size: 14px; color: #666;}
.box-all .box-right ul li .right-txt:hover{color: #6c94d2}
.box-all .box-right ul li::before{content: ""; position: absolute; top: 16px; left: 0; width: 4px; height: 4px; border-radius: 100px; background: #bbb;}
.box-all .box-right ul i{display: block; height: 1px; border: 1px dashed #efefef; margin: 15px 0;}
.box-all .box-right table{width: 100%; border: 1px solid #eee; overflow: hidden; border-left: none;}
.box-all .box-right table tr{border-bottom: 1px solid #eee; }
.box-all .box-right table tr:last-child{border-bottom: none;}
.box-all .box-right table tr td{width: 50%; border-left: 1px solid #eee; display: inline-block;}
.box-all .box-right table tr td a{font-size: 16px; height: 50px; line-height: 50px; padding: 0 30px; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.box-all .box-right table tr td a:hover{background: #eee;}
.box-all .box-right:nth-child(4),.box-all .box-right:nth-child(7){background: transparent;}

/*
====================
  ------新闻------
====================
*/
.news-bank{width: 100%; display: flex; flex-direction: column; align-items: center; border: 1px solid #eee; min-height: 580px;}
.news-bank .news-list{width: 100%}
.news-bank .news-list > ul{padding: 20px 50px 20px 30px; min-height: 580px;}
.news-bank .news-list > ul li{display: block; position: relative; padding-left: 22px;}
.news-bank .news-list > ul li a{display: flex; align-items: center; justify-content: space-between; height: 36px; line-height: 36px;}
.news-bank .news-list > ul li .right-txt{font-size: 16px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 80%;}
.news-bank .news-list > ul li .right-day{font-size: 14px; color: #666;}
.news-bank .news-list > ul li .right-txt:hover{color: #6c94d2}
.news-bank .news-list > ul li::before{content: ""; position: absolute; top: 16px; left: 0; width: 4px; height: 4px; border-radius: 100px; background: #bbb;}
.news-bank .news-list > ul i{display: block; height: 1px; border: 1px dashed #efefef; margin: 15px 0;}

/*
====================
  ------详情------
====================
*/
.bread{margin: 30px auto;}
.details h4{font-size: 30px; font-weight: bold; text-align: center;}
.details .details-info{display: flex; align-items: center; border-bottom: 1px solid #e5e5e5; padding: 20px 0;}
.details .details-info span{margin-right: 40px;}
.details .details-info span small{font-size: 100%; color: #888;}
.details img{display: block; margin: 30px auto; max-width: 70%;}
.details p{width: 80%; text-indent: 2em; color: #333; margin: 0 auto 10px; line-height: 30px;}
.details .details-author{display: flex; align-items: center; justify-content: flex-end; width: 80%; margin: 0 auto;}
.details .details-author span{color: #888;}
.details .details-article{display: flex; flex-direction: column; padding:10px 10%; align-items: left; justify-content: center; border: 1px solid #e5e5e5; margin: 30px 0;}
.details .details-article > div{ margin-bottom: 10px}
.details .details-article > div+div{ margin-bottom: 0}

/*
====================
  ------作品------
====================
*/
.box-all .works{background: #f8f8f8 !important;}
.box-all .works ul li .right-txt{width: 65%;}

/*
====================
  ----作家在线----
====================
*/
.no-line{display: flex; flex-wrap: wrap; align-content: flex-start; min-height: 560px;}
.no-line li{width: 32.1%; background: #f5f5f5; padding: 15px; margin: 0 1.8% 20px 0; height: max-content;}
.no-line li a{display: flex; align-items: flex-start; justify-content: space-between;}
.no-line li a img{width: 120px; height: 150px; background: #aaa; transition: .3s}
.no-line li a .line-int{flex: 1; margin-left: 15px; display: grid;}
.no-line li a .line-int h4{color: #333;}
.no-line li a .line-int span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666; height: 60px;}
.no-line li a .line-int p{margin-top: 20px; text-align: right; display: block;}
.no-line li:nth-child(3n){margin-right: 0;}
.no-line li:hover{box-shadow:0 5px 30px -3px #ccc;}
.no-line li:hover img{transform: scale(1.05); transition: .3s}
.no-line-page{display: flex; align-items: center; justify-content: center; margin: 20px 0;}

/*
====================
  ------评论------
====================
*/
.comment{display: flex; align-items: center; border-bottom: 2px solid #eee;}
.comment li{font-size: 18px; position: relative; width: 100px; text-align: center; height: 40px; line-height: 40px; cursor: pointer;}
.comment li.action{font-size: 22px; font-weight: bold;}
.comment li.action::before{content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: #6c94d2;}
.com-list{display: none;}
.com-list.active{display: block;}
.com-list .com-info a{display: flex; align-items: flex-start; justify-content: space-between; padding: 20px; border-bottom: 1px dashed #eee;}
.com-list .com-info a img{width: 200px; height: 140px; background: #aaa; transition: .3s}
.com-list .com-info:hover img{transform: scale(1.05); transition: .3s}
.com-list .com-info a .com-tet{flex: 1; margin-left: 15px; display: grid;}
.com-list .com-info a .com-tet h4{color: #333;}
.com-list  .com-info a .com-tet span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666; height: 60px;}

/*列表评论*/
.com-list:first-child ul{ min-height: 300px;}
.com-list ul{ padding: 20px; min-height: 580px;}
.com-list ul li{display: block; position: relative; padding-left: 22px;}
.com-list ul li a{display: flex; align-items: center; justify-content: space-between; height: 36px; line-height: 36px;}
.com-list ul li .right-txt{font-size: 16px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 80%;}
.com-list ul li .right-day{font-size: 14px; color: #666;}
.com-list ul li .right-txt:hover{color: #6c94d2;}
.com-list ul li::before{content: ""; position: absolute; top: 16px; left: 0; width: 4px; height: 4px; border-radius: 100px; background: #bbb;}
.com-list ul i{display: block; height: 1px; border: 1px dashed #efefef; margin: 15px 0;}

/*创作主题*/
.theme{width: 1000px;}
.theme .theme-all{display: flex; align-items: flex-start; justify-content: space-between; margin: 20px auto 30px;}
.theme .theme-all .theme-left{position: relative; width: 580px; margin-right: 50px;}
.theme .theme-all .theme-left img{width: 580px; height: 325px;}
.theme .theme-all .theme-left a{position: absolute; left: 0; right: 0; bottom: 0; font-size: 16px; background: rgba(0,0,0,.6); color: white; padding: 15px 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.theme .theme-all .theme-right{font-size: 24px; color: #888; line-height: 41px; flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden;}

.theme .theme-list{margin-top: 15px;}
.theme .theme-list li{border: 1px solid #e4e4e4; padding: 20px 30px; margin-bottom: 20px;}
.theme .theme-list li h3{font-size: 22px; color: #333; font-weight: bold; margin: 10px 0 20px;}
.theme .theme-list li span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 14px; text-indent: 2em;}
.theme .theme-list li a{display: block; text-align: right; margin-top: 10px; color: #1a79bd;}

/*适配*/
@media only screen and (max-width: 428px) and (device-height: 926px){/*iPhone 12 Pro Max  1284×2778*/
}
@media screen and (max-width: 415px){
}
@media only screen and (max-width: 391px) and (device-height: 844px){/*iPhone 12 iPhone 12 Pro 1170×2532*/
}
@media screen and (max-width: 385px){
}
@media screen and (max-width: 376px){
}
@media only screen and (device-width: 375px) and (device-height: 812px){
}
@media screen and (max-width: 361px){
}
@media screen and (max-width: 321px){
}